// 自定义函数
@function body-width($content: 50px, $border: 1px) {
    @return $content + $border;
}

.wrap-box {
    width: body-width();
    height: body-width(100px, 4px);
    background: {
        color: red;
    };
    &::after {
        // content: quote('你好');
        content: To-upper-case('AbcD');
    }
}

// 三元函数
// if($condition, $if-true, $id-false)
$b: 3;
.header {
    width: if($b == 1, 2rem, 3rem);
}

// scss的函数
//字符串函数
// unquote($string): 删除字符串中的引号
// quote($strng):给字符串加引号
// To-upper-case(): 将小写转换成大写
// To-lower-case(): 将大写转成小写


// 数字函数
// percentage($value):将一个不带单位的数字转成百分比
// round（$value）: 四舍五入
// ceil（$value）:向上取整
// floor（$value）:向下取整
// abs($value):绝对值
// min($num1, $num2..):找出最小的
// max($num1, $num2..):找出最大的

// 列表函数
// length($list):列表长度
// nth($list, $n):选择列表某一项
// join($list1, $list2..)： 链接列表
// append($list, $value):向列表尾部追加一个值
// zip($list1, $list2..):将多个合成一个多维列表
// index($list, $value): f返回某一项在列表中的位置


// introspection函数
// type-of($value):返回一个值的类型
// unit($bnumber): 返回一个值的单位
// unitless（$value）: 判断一个值是否有单位
// compareble（$value1, $value2）:判断两个值是否可以加减合并